<template>
<!-- 单个榜单封装 -->
  <div class="rangl" v-if='Object.keys(obj).length!=0'>
    <div class="imga"><img :src="obj.coverImgUrl" alt="" /></div>
    <div class="wz">
      <div>{{ obj.name }}</div>
      <div class="gx">{{ obj.updateFrequency }}</div>
    </div>
    <div></div>
  </div>
</template>

<script>
export default {
  props: {
    obj: {
      type: Object,
      default() {
        return {};
      },
    },
  },
};
</script>

<style scoped>
.rangl {
  padding: 10px 20px;
  display: flex;
  cursor: pointer;
    box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
}
.imga {
  width: 20%;

}
.imga img {
  height: 100%;
  width: 100%;
}
.wz{
  flex: 1;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  font-size: .063058rem;
  margin-left: 5%;
}
.gx{
  margin-top: 10px;
  color: #999;
}
</style>